<template>
  <!-- 合作伙伴-->
  <div class="company">
    <ul>
      <li v-for="(item, index) in partner" :key="index">
        <div class="left">
          <img src="../assets/旗下企业-头像.png" alt="" />
          <div>
            <h3>企业名称：{{ item.company }}</h3>
            <p>注册时间：{{ item.createTime }}</p>
            <p>法人：{{ item.creator }}</p>
          </div>
        </div>
        <van-icon name="arrow" />
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ["partner"],
  data() {
    return {};
  },
};
</script>
 
<style lang="less" scoped>
.company {
  padding: 0.1rem 0.1rem 0;
  li {
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.1rem;
    background-color: #fff;
    border-bottom: 1px solid #cacaca;
    .left {
      display: flex;
      img {
        width: 0.6rem;
        margin-right: 0.1rem;
      }
      div {
        h3 {
          font-weight: normal;
          font-size: 0.18rem;
        }
        p {
          margin-top: 0.08rem;
          color: #cacaca;
        }
      }
    }
    .van-icon {
      font-size: 0.2rem;
      color: #cacaca;
      margin-top: 0.2rem;
    }
  }
}
</style>